var app=new Vue({
    el:"#app",
    data:{
        query:"",
        musicList:[],
        musicUrl:"",
        hotComments:[]
    },
    methods:{
        searchMusic:function(){
            var that=this;
            axios.get("https://autumnfish.cn/search?keywords="+this.query).then(
                function(response){
                  //  console.log(response);
                    that.musicList=response.data.result.songs;
                },function(err){

                })
        },
        playMusic:function(musicId){
         //    console.log(musicId);
         //   console.log(response.data.result.songs);
                var that=this;
            axios.get("https://autumnfish.cn/song/url?id="+musicId)
            .then(function(response){
              //  console.log(response);
             //   console.log(response.data.data[0].url);
                that.musicUrl=response.data.data[0].url;
            },function(err){}
            ) 
            /*
           axios.get("https://autumnfish.cn/song/detail?ids"+musicId)
            .then(function(response){
                console.log(response);
            },function(err){})
            */
            axios.get("https:autumnfish.cn/comment/hot?type=0&id="+musicId)
            .then(function(response){
               // console.log(response);
               console.log(response.data.hotComments);
               that.hotComments=response.data.hotComments;
            },function(err){})
        }
    }
}) 